
<script>
import { createVNode, render } from 'vue'
export default {
  setup () {
    // createVNode('组件/标签名', { 属性 }, 子节点 )
    const vNode = createVNode('div', { class: 'box', id: 'myBox' }, '盒子的内容')
    console.log('虚拟DOM', vNode)

    // 渲染函数 render(虚拟DOM, 添加的位置)
    render(vNode, document.body)
  },
  // render 选项，渲染 template 模板内容变成真实 DOM 节点
  render () {
    return createVNode('h1', {}, ['渲染个大标题', createVNode('span', {}, '子节点')])
  }
}
</script>

<style lang="less" scoped>

</style>
